Environment: `Browser`.<br/>
[Ext Glob](https://github.com/micromatch/micromatch#extglobs): `/**/*.page.client.*([a-zA-Z0-9])`.

The `.page.client.js` file defines the page's browser-side code.

It represents the *entire* browser-side code. This means that if we create an empty `.page.client.js` file, then the page has zero browser-side JavaScript.
(Except of Vite's dev code when not in production.)

This also means that we have full control over the browser-side code. Not only can we render/hydrate our pages as we wish, but we can also easily & naturally integrate browser libraries.

```js
// _default.page.client.js

import { getPage } from 'vite-plugin-ssr/client'
import { hydrate } from 'some-ui-framework'

hydrate()

async function hydrate() {
  const pageContext = await getPage()
  const { Page } = pageContext
  await hydrate(Page)
}
```

The browser-side is usually about [hydrating](/hydration) the page,
but we can also do partial/island hydration,
only install a couple of JavaScript event handlers,
etc.
